<!DOCTYPE html>
<html>
<head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/kecheng.css">
    <link rel="stylesheet" href="css/dingdan.css">

</head>
<body>
<div class="dd-head">
   <div class="dd-top">
    <div class="sousuo"><img src="img/sousuo.png" width="18" height="18"></div>
   	<input type="text" name="" placeholder="搜索你想要的内容">
   	<div class="dd-1">搜索</div>
   </div>
    <ul>
        <li class="dd-all">全部</li>
        <li class="dd-payment">待付款</li>
        <li class="dd-begins">待上课</li>
        <li class="dd-cancel">已取消</li>
    </ul>
</div>
<div class="dd-Height">
    <div class="w-kechengs dd-kechengs">
        <div class="kecheng-img">
            <img src="img/kecheng-img.png" alt="" width="139" height="89">
        </div>
        <div class="kecheng-text">
            <div class="kecheng-text-one">
                <span>行为金融学 </span>
                <span>&#165 1000.00 </span>
            </div>
            <div class="kecheng-text-two">
                <span>教     师： 张老师 </span>
            </div>
            <div class="kecheng-text-three">
                <div class="kecheng-text-four">
                    <p>上课地点： 广东省深圳市</p>
                </div>
                <div class="dd-three">
                    <span>2017-09-10开课</span>
                    <span>等待付款</span>
                </div>

            </div>
        </div>
    </div>
    <div class="dd-paymentss">
        <button>取消订单</button>
        <button>付款</button>
    </div>
</div>
<!--2-->
<div class="kongbai"></div>
<div class="dd-Height">
    <div class="w-kechengs dd-kechengs">
        <div class="kecheng-img">
            <img src="img/kecheng-img.png" alt="">
        </div>
        <div class="kecheng-text">
            <div class="kecheng-text-one">
                <span>行为金融学 </span>
                <span>&#165 1000.00 </span>
            </div>
            <div class="kecheng-text-two">
                <span>教     师： 张老师 </span>
            </div>
            <div class="kecheng-text-three">
                <div class="kecheng-text-four">
                    <p>上课地点： 广东省深圳市</p>
                </div>
                <div class="dd-three">
                    <span>2017-09-10开课</span>
                    <span>等待付款</span>
                </div>

            </div>
        </div>
    </div>
    <div class="dd-paymentss">
        <button>取消订单</button>
        <button>付款</button>
    </div>
</div>
<div class="kongbai"></div>
<!--3-->
<div class="dd-Height">
    <div class="w-kechengs dd-kechengs">
        <div class="kecheng-img">
            <img src="img/kecheng-img.png" alt="">
        </div>
        <div class="kecheng-text">
            <div class="kecheng-text-one">
                <span>行为金融学 </span>
                <span>&#165 1000.00 </span>
            </div>
            <div class="kecheng-text-two">
                <span>教     师： 张老师 </span>
            </div>
            <div class="kecheng-text-three">
                <div class="kecheng-text-four">
                    <p>上课地点： 广东省深圳市</p>
                </div>
                <div class="dd-three">
                    <span>2017-09-10开课</span>
                    <span>等待付款</span>
                </div>

            </div>
        </div>
    </div>
    <div class="dd-paymentss">
        <button>取消订单</button>
        <button>付款</button>
    </div>
    <div style="clear: both;"></div>
</div>

 <div class="y1"></div>
<!-- 底部 -->
<div class="l-bottom  list-inline">
    <ul>
        <li >
            <img src="img/zhuye.png" alt="" width="24" height="24">
            <p>主页</p>
        </li>
        <li >
            <img src="img/kecheng.png" alt="" width="24" height="24">
            <p>课程</p>
        </li>
        <li >
            <img src="img/gouwuche.png" alt="" width="24" height="24">
            <p>购物车</p>
        </li>
        <li class="">
            <img src="img/red-dingdan.png" alt="" width="24" height="24">
            <p>订单</p>
        </li>
    </ul>
</div>

<script src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="js/dingdan.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>